/* HOTSPOTS */
.pnlm-hotspot {
	height:29px;
	width:29px;
	border:3px solid #fff;
	background:#000;
	border-radius:17px;
	-webkit-transition:height 0.2s, width 0.2s, border-radius 0.2s, margin-top 0.2s, margin-left 0.2s;
	transition:height 0.2s, width 0.2s, border-radius 0.2s, margin-top 0.2s, margin-left 0.2s;
}
.pnlm-hotspot:hover, .pnlm-hotspot:focus {
	height:33px;
	width:33px;
	border-radius:21px;
	margin-top:-1px;
	margin-left:-1px;
}
.pnlm-hotspot.pnlm-sprite {
	background-image:none;
}
.pnlm-info {
	background:#0085D1;
	transition:background 0.3s;
}
.pnlm-info:before {
	content:"i";
	font-family:Segoe UI, sans-serif;
	font-size:21px;
	color:#fff;
	font-weight:700;
	margin-left:12px;
}
.pnlm-info:hover, .pnlm-info:focus {
	background:#125E96;
}
.pnlm-info:hover:before, .pnlm-info:focus:before {
	margin-left:14px;
	line-height:32px;
}
.pnlm-scene {
	background:#12335B;
	transition:background 0.3s;
}
.pnlm-scene:before {
	content:"\f077";
	font-family:'Font Awesome 6 Pro';
	font-size:17px;
	color:#fff;
	font-weight:600;
	margin-left:7px;
	line-height:28px;
}
.pnlm-scene:hover, .pnlm-scene:focus {
	background:#1C5584;
}
.pnlm-scene:hover:before, .pnlm-scene:focus:before {
	margin-left:9px;
	line-height:32px;
}



/* An invisible div which helps with hovering over a hotspot so user doesn't have to stay on the little triangle perfectly */
.pmcpExtraMouseHoverArea {
	background-color: transparent;
	height: 45px; 
	position: absolute; 
	width: 50%;
	left: 25%;
	bottom: -45px;
	cursor: pointer;
}


/* New class for hotspot text - text is now contained within its own div tags */
.pmcpHotspotText {
	display: table-cell;
}








/* TOOLTIPS */
div.pnlm-tooltip span {
	border-radius:10px;
	background-color: rgba(0,0,0,0.8);
	max-width:350px;
	padding:10px 15px 14px;
	text-align:left;
	font-family:Arial, sans-serif;
	font-size:13px;
	line-height:18px;
}


div.pnlm-tooltip a, div.pnlm-tooltip a:hover, div.pnlm-tooltip a:focus, div.pnlm-tooltip a:visited {
	color:#fff !important;
	text-decoration:none;
}
div.pnlm-tooltip a:hover {
	text-decoration:none;
}






/* BUTTONS */
.audio_btn {
	height:29px;
	width:29px;
	border:3px solid #fff;
	background:#6B6B6B;
	border-radius:17px;
	padding:0;
	display:inline-block;
	float:left;
	margin-right:20px;
	margin:5px 20px 15px 0;
	transition:background 0.3s;
	text-decoration: none;
	cursor: pointer;
}
.audio_btn:hover, .audio_btn:focus {
	background:#444444;
	text-decoration: none;
}
.audio_btn:before {
	content:"\f6a8";
	font-family:'Font Awesome 6 Pro';
	font-size:17px;
	color:#fff;
	font-weight:500;
	margin-left:7px;
	line-height:30px;
	text-decoration: none;
}



.audio_btn.pmcp-audio-stop:before{
	content: "\e074";
	text-decoration: none;
	margin-left: 6px;
	line-height: 29px;
}






.audio_btn_TEST {
	height:29px;
	width:29px;
	border:3px solid #fff;
	background:#6B6B6B;
	border-radius:17px;
	padding:0;
	display:inline-block;
	float:left;
	margin-right:20px;
	margin:5px 20px 15px 0;
	transition:background 0.3s;
	text-decoration: none;
}
.audio_btn_TEST:hover, .audio_btn_TEST:focus {
	background:#444444;
	text-decoration: none;
}
.audio_btn_TEST:before {
	content:"\e038";
	font-family:Glyphicons Halflings;
	font-size:14px;
	color:#fff;
	font-weight:600;
	margin-left:8px;
	line-height:28px;
	text-decoration: none;
}



.audio_btn_TEST.pmcp-audio-stop:before{
	content: "\e074";
}


.audio_btn_override_sharepoint {
	text-decoration: none;
}








.lity-close, .lity-close:hover {
	height:29px;
	width:29px;
	border:3px solid #fff;
	color:#fff;
	background:#770330;
	border-radius:17px;
	padding:0;
	display:inline-block;
	min-width:29px;
	font-size:23px;
	line-height:23px;
	font-weight:bold;
	margin:4px 5px 0 0; 
}


#launch360Btn {
	display:block;
	background:#074060;
	text-align:center;
	height:34px;
	line-height:34px; 
	font-family:Arial, sans-serif;
	font-size:13px;
	color:#fff;
	font-weight:bold;
	-webkit-transition:background 0.3s;
	transition:background 0.3s;
	cursor:pointer;
	border-top:1px solid #fff;
	position: relative;
}



#launch360Btn:hover, #launch360Btn:focus {
	color:#fff !important;
	background:rgba(0,69,102,1.0);
	text-decoration:none;

}



#launchPhotoGalleryBtn {
    display: block;
    background: rgba(0,133,209,1.0);
    text-align: center;
    height: 34px;
    line-height: 34px;
    font-family: Arial, sans-serif;
    font-size: 13px;
    color: #fff;
    font-weight: bold;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    cursor: pointer;
	border-top: 1px solid #fff;
	position: relative;
	/* left: 5px;
	top: -5px; */
}


#launchPhotoGalleryBtn:hover, #launchPhotoGalleryBtn:focus {
	background:rgba(0,69,102,1.0);
	color:#fff !important;
	text-decoration:none;
}


/* UI INTERFACE */
#pmcpAdditionalButtons {
	
    position: absolute;
    top: 4px;
    z-index: 99999999;
    height: 40px;
    width: 240px;
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;
}
#muteBackgroundAudioButton {
	height:29px;
	width:29px;
	border:3px solid #fff;
	background:#770330;
	border-radius:17px;
	padding:0;
	display:inline-block;
}
#muteBackgroundAudioButton:before {
	content:"\e038";
	font-family:Glyphicons Halflings;
	font-size:14px;
	color:#fff;
	font-weight:600;
	margin-left:8px;
	line-height:28px;
}
#muteBackgroundAudioButton.active:before {
	content:"\e036";
	font-family:Glyphicons Halflings;
	font-size:14px;
	color:#fff;
	font-weight:600;
	margin-left:9px;
	line-height:28px
}
#switchToPhotoGalleryButton {
	height:29px; 
	padding:0 12px;
	border:3px solid #fff;
	background:#12335B;
	border-radius:17px;
	line-height:29px;
	font-family:Arial, sans-serif;
	font-size:13px;
	color:#fff;
	margin-left:8px;
	display:inline-block;
	text-decoration:none;
}
#switchToPhotoGalleryButton:hover, #switchToPhotoGalleryButton:focus {
	background:#162B3F;
	text-decoration: underline;
    text-decoration-style: dotted;
}
#switchToPhotoGalleryButton:before {
	content:"\f054";
	font-family: 'Font Awesome 6 Pro';
	font-size:12px;
	color:#fff;
	font-weight:600;
	margin-right:9px;
	line-height:28px;
	text-decoration:none;
}



#pmcpGoToHomeSceneButton{
	height:29px; 
	padding:0 12px;
	border:3px solid #fff;
	background:#12335B;
	border-radius:17px;
	line-height:29px;
	font-family:Arial, sans-serif;
	font-size:13px;
	color:#fff;
	margin-left:8px;
	display:inline-block;
	text-decoration:none;
}

#pmcpGoToHomeSceneButton:hover, #pmcpGoToHomeSceneButton:focus {
	background:#162B3F;
	text-decoration: underline;
    text-decoration-style: dotted;
}

#pmcpGoToHomeSceneButton:before {
    font-family: 'Font Awesome 6 Pro';
	content: "\f054";
	font-size:12px;
	color:#fff;
	font-weight:600;
	margin-right:9px;
	line-height:28px;
	text-decoration:none;

}




/* Loading spinner tweaks
adjusts lityTourContainer while spinner is showing
 */
.pmcpLoadingSpinnerON {
	display: flex;
	justify-content: center;
	align-items: center;
}



div #pmcpCoverOverlay{
	background-color: white;
    background-image: 
	linear-gradient(0deg, transparent 24%, rgba(0, 0, 0, 0.10) 25%, rgba(0, 0, 0, 0.10) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, 0.10) 75%, rgba(0, 0, 0, 0.10) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(0, 0, 0, 0.10) 25%, rgba(0, 0, 0, 0.10) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, 0.10) 75%, rgba(0, 0, 0, 0.10) 76%, transparent 77%, transparent);
  	height:100%;
  	background-size:50px 50px;
}


div #pmcp360ProgressBarContainer {
	position: relative;
    top: 50%;
}



.pmcp-scene-change-in-progress {
	background: green !important;
}









.pana_cont > img {
	display:block;
}
.pmcp-content > div:nth-child(6) > .c2-l {
	float:left;
	/* width:50% !important; */
}
.pmcp-content > div:nth-child(6) > .c2-2 {
	float:left;
	/* width:50% !important; */
}



/* TEMP Fix for Acessibility Icon on mobile */
@media screen and (max-width: 600px){
	.accessibilitybox > p > img {
		width: 30px;
		height: 30px;
	}
}


/* Clinic Image on Mobile */
@media screen and (max-width: 600px) {
	.pmcp-content > div:nth-child(6) > .c2-l {
		float:left;
		width:100% !important;
	}
	.pmcp-content > div:nth-child(6) > .c2-2 {
		float:left;
		width:100% !important;
	}
	.pana_cont {
		width:100%;
		display:table;
	}
	.pana_cont > img {
		width:150px;
		height:auto;
		display:table-cell;
		padding:0;
	}
	#launch360Btn {
		display:table-cell;
		width:100% !important; /* MT - overrides in-line style set for desktop mode */
		background:rgba(0,113,179,1.0);
		background-image:url(/PrincessMargaret/Custom%20Code/Web%20Apps/360/pmcp/img/360_icon.png);
		background-repeat:no-repeat;
		background-position:center center;
		vertical-align:middle;
		text-align:center;
		border-top:0;
	}
	#launch360Btn:hover, #launch360Btn:active {
		background:rgba(0,69,102,1.0);
		background-image:url(/PrincessMargaret/Custom%20Code/Web%20Apps/360/pmcp/img/360_icon.png);
		background-repeat:no-repeat;
		background-position:center center;
		color:#fff;
		text-decoration:none;
	}


	#launchPhotoGalleryBtn {
		display:table-cell;
		width:100% !important; /* MT - overrides in-line style set for desktop mode */
		background:rgba(0,113,179,1.0);
		background-image:url(/PrincessMargaret/Custom%20Code/Web%20Apps/360/pmcp/img/360_icon.png);
		background-repeat:no-repeat;
		background-position:center center;
		vertical-align:middle;
		text-align:center;
		border-top:0;
	}


	#launchPhotoGalleryBtn:hover, #launchPhotoGalleryBtn:active {
		background:rgba(0,69,102,1.0);
		background-image:url(/PrincessMargaret/Custom%20Code/Web%20Apps/360/pmcp/img/360_icon.png);
		background-repeat:no-repeat;
		background-position:center center;
		color:#fff;
		text-decoration:none;
	}

}





/*
--------------------------------------
Multi-Location Launcher
--------------------------------------
*/


.pmcp-multi-location-launch-btn {
	margin:0;
	padding:10px 5%;
	width:90%;
	min-height: 76px;
	font-weight: 500;
	font-size: 16px;
	white-space: normal;
	border-radius:0;
}

.pmcp-multi-location-launch-btn:hover {
	text-decoration: none;
}

.pmcp-multi-location-address-info {
	font-weight: 300;
	font-size: 14px;
	white-space: normal;
}

.pmcp-multi-location-address-info:hover {
	text-decoration: none;
}


/*
--------------------------------------
Updated CSS
--------------------------------------
*/
#pmcp-360-multi-location-launcher {
	background:transparent;  
	text-align:center;
}
.launch360text {
	color:#fff;
	font-size:1.11em;
	line-height:1.3em;
	font-weight:700;
	border-bottom:2px solid #fff;
	margin:10px 32px 15px;
	padding-bottom:7px;
	text-align:center;
	display:inline-block;
}
.launch360Position {
	margin:0 20px 20px 20px;
}
.pmcp-multi-location-launch-btn > span {
	display:block;
	font-weight:700;
	margin:0 0 6px 0;
}




/* removes shadow effect visibile on multi-location chooser*/
.lity-content:after {
	-webkit-box-shadow: none;
	box-shadow: none;
}



.pmcp-multi-location-launch-btn:focus {
	text-decoration: underline !important;
	border-color: white;  
}